/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";

/*==========@@HTML默认 开始@@==========*/

/*基本*/

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {

  margin: 0px;

}

input, button, ul, ol {

  margin: 0px;

  padding: 0px;

}

body, input, button, form, textarea {

  font-size: 14px;

  line-height: 28px;

  font-family: "microsoft yahei", "Arial Black";

  color: #333;

}

h1, h2, h3, h4, h5, h6 {

  font-size: 14px;

  font-weight: normal;

}

ul, ol {

  list-style: none;

}

img {

  border: 0px;

  display: block;

  margin: 0;

  padding: 0;

}

em, i, strong {

  font-style: normal;

}

button, input, select, textarea {

  font-size: 100%;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

body {

  background: #fff;

  overflow-x: hidden;

  overflow-y: auto;

}

* {

  padding: 0px;

  margin: 0px

}

div {

  margin: 0;

  padding: 0;

  border: 0;

}

p {

  margin: 0;

}

b, strong {

  font-weight: bold;

}

table {

  border-collapse: collapse;

  border-spacing: 0;/* Remove most spacing between table cells.*/

}

li {

  list-style: none outside none;

}

/*链接*/

a {

  text-decoration: none;

  color: #333;

  background: transparent;

  outline: none

}

a:focus {

  outline: none;

}

a:hover, a:active {

  color: #fe0101;

  text-decoration: none;

}

a:visited {

  text-decoration: none;

}

/*表单*/

form {

  margin: 0;

}

button, input, select, textarea {

  font-size: 100%; /* Correct font size not being inherited in all browsers. */

  margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */

  vertical-align: baseline; /* Improve appearance and consistency in all browsers */

*vertical-align: middle; /* Improve appearance and consistency in all browsers */

}

button, select {

  text-transform: none;

}

input {

  line-height: normal;

  border: none;

}

/*其它*/

blockquote {

  margin: 1em 40px;

}

dfn {

  font-style: italic;

}

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}

code, kbd, pre, samp {

  font-size: 1em;

}

pre {

  margin: 1em 0;

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}

small {

  font-size: 80%;

}

sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

dd {

  margin: 0;

}

audio:not([controls]) {

  display: none;

  height: 0;

}

/*==========@@HTML默认 结束@@==========*/

/*==========@@通用 开始@@==========*/

/*常用颜色*/

.red {

  color: #F00 !important;

}

/*清除浮动*/

.clearfix:after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;

  line-height: 0;

}

.clearfix {

*zoom:1;

}

.clear {

  clear: both;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

/*其它*/

.hidden {

  display: none;

}

.pfont {

  font-family: 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";

}

/*必须输入，主要*/

.required {

  color: red;

  font-weight: bold;

}

.form_text_verifycode {

  width: 80px;

}

.form_radio {

  width: auto;

  border: 0;

}

.form_checkbox {

  width: auto;

  border: 0

}

/*网站公用样式表*/

.w1200 {

  width: 1200px;

  margin: 0 auto;

}

.por {

  position: relative;

}

.poa {

  position: absolute;

}

.icon {

  background: url(../images/icon.png) no-repeat;

  display: inline-block;

  vertical-align: middle;

}

#header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main {

  width: 100%;

  margin: 0;

}

.trans {

  -webkit-transition: all .3s ease-in;

  -moz-transition: all .3s ease-in;

  -o-transition: all .3s ease-in;

  transition: all .3s ease-in;

}

/*top*/

#header_main {

  background: #fff;

  height: 90px;

  position: relative;

}

#top #logo {

  width: 315px;

}

#top #logo a {

  padding: 10px 10px 10px 60px;

  display: block;

}

#top #logo img {

  height: 65px;

  display: block;

}

/*导航*/

#header_main #nav {

  width: 560px;

  position: relative;

  height: 90px;

}

#nav ul {

  margin: 0 auto;

  width: 102%;

}

#nav li:first-child {

  width: 70px;

}

#nav li {

  float: left;

  width: 100px;

  display: block;

  list-style: none;

  font-size: 16px;

  text-align: center;

  line-height: 90px;

  position: relative;

  margin: 0;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

#nav li a {

  display: block;

  text-align: center;

  position: relative;

  color: #333;

  height: 90px;

}

#nav li:hover a, #nav li.hover a {

  color: #fff;

}

#nav li:hover, #nav li.hover {

  background: #fe0101;

}

/*导航栏下拉*/

#nav .subnav {

  position: absolute;

  left: 0px;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);

  z-index: 199;

  opacity: 0;

  visibility: hidden;

  height: auto;

  overflow: hidden;

  width: 100%;

  transition: all .6s ease 0s;

  transform: translate3d(0, 10px, 0);

  -moz-transform: translate3d(0, 10px, 0);

  -webkit-transform: translate3d(0, 10px, 0);

}

#nav li:hover .subnav {

  opacity: 1;

  visibility: visible;

  transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -webkit-transform: translate3d(0, 0, 0);

}

#nav .subnav {

  position: absolute;

  left: -5px;

  top: 90px;

  width: 100%;

  z-index: 10;

  border-left: 5px solid rgba(255,255,255,0.1);

  border-right: 5px solid rgba(255,255,255,0.1);

  border-bottom: 5px solid rgba(255,255,255,0.1);

}

#nav .subnavbg {

  position: static;

  background: #32363e;

  background: rgba(255, 255, 255, 1)!important;

  filter: Alpha(opacity=60);

*zoom:1;

}

#nav .subnav a {

  display: block;

  padding: 5px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  color: #333 !important;

  font-size: 14px;

  overflow: hidden;

  position: relative;

}

#nav .subnav a:hover {

  display: block;

  color: #fff !important;

  background: rgb(254, 1, 1)!important;

}

#header_main .topsearch {

  width: 60px;

  transition: all 300ms ease 0s;

  position: relative;

  height: 82px;

}

#header_main .search_btn {

  width: 16px;

  background-position: 0 0;

  cursor: pointer;

  height: 16px;

}

#header_main .search_box {

  background: #ededed;

  height: 82px;

  overflow: hidden;

  position: absolute;

  right: 60px;

  top: 0;

  transition: all 300ms ease 0s;

  width: 0;

  z-index: 10;

}

#header_main .search_box input {

  border: 0 none;

}

#header_main .search_box .stxt {

  display: block;

  height: 82px;

  line-height: 82px;

  text-indent: 10px;

  width: 150px;

  background: none;

}

#header_main .search_box .sbtn {

  background-position: -100px 0;

  cursor: pointer;

  display: block;

  height: 82px;

  width: 60px;

}

#header_main .topsearch.addy .search_box {

  width: 210px;

}

#header_main .topsearch.addy .search_btn {

  background-position: -46px 0;

}

.top_rig {

  width: 150px;

  padding-top: 16px;

  position: relative;

}

.top_rig .bshare {

  width: 70px;

}

.top_rig .bshare a {

  display: inline-block;

  width: 20px;

  height: 16px;

  margin-left: 6px;

  padding: 0;

}

.top_rig .bshare .bdsharebuttonbox a {

  width: 20px;

  height: 16px;

  margin-left: 6px;

  display: inline-block;

  background: url(../images/icon.png) no-repeat 0 0;

  padding: 0;

  -webkit-transition: all .0s ease-in-out 0s;

  -moz-transition: all .0s ease-in-out 0s;

  transition: all .0s ease-in-out 0s;

}

.top_rig .bshare .bdsharebuttonbox a.bds_weixin {

  background-position: -45px 0 !important;

}

.top_rig .bshare .bdsharebuttonbox a.bds_weixin:hover {

  background-position: -69px 0 !important;

}

.top_rig .bshare .bdsharebuttonbox a.bds_sqq {

  background-position: -96px 0 !important;

}

.top_rig .bshare .bdsharebuttonbox a.bds_sqq:hover {

  background-position: -118px 0 !important;

}

#top .searchbox {

  width: 34px;

  height: 38px;

  text-align: center;

  cursor: pointer;

  padding-top: 6px;

  padding-right: 30px;

}

#top .searchbox s {

  background-position: 0 0;

  width: 18px;

  height: 16px;

  margin: 0 auto;

  transition: all 0.3s ease-in-out 0s;

  display: block;

}

#top .infoSer {

  position: absolute;

  right: 74px;

  top: 56px;

  padding: 20px 0 0 20px;

  background: url(../images/top_down.png) no-repeat center center;

  text-align: center;

  width: 272px;

  z-index: 999;

  height: 45px;

  display: none;

}

#top .infoSer .ser {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-color: -moz-use-text-color -moz-use-text-color #d4d4d4;

  border-image: none;

  border-style: none none solid;

  border-width: medium medium 1px;

  display: block;

  float: left;

  height: 30px;

  line-height: 30px;

  margin: 0;

  padding: 0;

  width: 220px;

  outline: none;

}

#top .infoSer .btn {

  background-position: 10px 0;

  border: medium none;

  cursor: pointer;

  display: block;

  float: left;

  height: 16px;

  margin: 0;

  padding: 0;

  width: 30px;

  z-index: 999;

  margin-top: 15px;

  outline: none;

}

/*侧边导航*/

/* banner */

#banner_main {

  overflow: hidden;

  position: relative;

  z-index: 2;

}

#banner_main .banner {

  height: 550px;

}

#banner {

  width: 100%;

  min-width: 1000px;

  position: relative;

  overflow: hidden;

  z-index: 0;

}

#banner, .banner ul {

  max-height: 550px;

  overflow: hidden;

}

.banner li {

  width: 100%;

  position: absolute;

  z-index: 1;

  overflow: hidden;

}

.banner li img {

  width: 1920px;

  display: block;

  position: relative;

  left: 50%;

  margin-left: -960px;

  top: 0;

}

#banner .tip {

  width: 1000px;

  height: 20px;

  line-height: 0;

  font-size: 0;

  text-align: center;

  position: absolute;

  left: 50%;

  margin-left: -500px;

  bottom: 40px;

  z-index: 3;

}

#banner .tip span {

  height: 10px;

  margin: 0 2px;

  width: 10px;

  display: inline-block;

  font-size: 0;

  cursor: pointer;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  border: 2px solid #fe0101;

}

#banner .tip span.cur {

  background-color: #fe0101;

}

#banner #btn_prev, #banner #btn_next {

  width: 28px;

  height: 56px;

  position: absolute;

  top: 32%;

  z-index: 5;

}

#banner #btn_prev {

  background-position: 0 -138px;

  left: 5%;

}

#banner #btn_next {

  background-position: -34px -138px;

  right: 5%;

}

/*banner end*/

.index {

  position: relative;

  z-index: 3;

}

.index .title {

  text-align: center;

  width: 100%;

  background: url(../images/title_line.png) no-repeat center bottom;

  padding-bottom: 30px;

}

.index .title h3 {

  font-size: 24px;

  font-weight: normal;

  display: block;

  line-height: 30px;

  color: #000;

  text-align: center;

}

.index .title h4 {

  color: #999;

  font-size: 18px;

  text-transform: uppercase;

  font-family: 'PingFangSC-Light', Arial, Helvetica, sans-serif, "Hiragino Sans GB";

  font-weight: normal;

  line-height: 40px;

}

.index .floor_1_main {

  background: #f5f5f5;

}

.index .floor_1 {

  padding-top: 74px;

  padding-bottom: 74px;

  position: relative;

}

.index .part1 {

  position: absolute;

  left: 0;

  top: -25px;

  width: 1200px;

  height: 150px;

  overflow: hidden;

}

.index .part1 .item {

  width: 400px;

  float: left;

  height: 150px;

  background: #fe0101;

}

.index .part1 .item a {

  display: block;

  position: relative;

  padding: 10px;

  color: #fff;

}

.index .part1 .item h3 {

  font-size: 18px;

  line-height: 24px;

}

.index .part1 .item h4 {

  color: #fff;

  display: block;

  border-bottom: 1px solid #fff;

  padding-bottom: 16px;

  filter: alpha(opacity=50);

  -moz-opacity: 0.5;

  -khtml-opacity: 0.5;

  opacity: 0.5;

}

.index .part1 .item .shuzi {

  line-height: 20px;

  color: #fff;

  float: left;

  width: 122px;

  margin: 20px 0 0 35px;

  font-size: 35px;

}

.index .part1 .item .shuzi b {

  text-transform: uppercase;

  font-size: 86px;

  font-weight: bold;

  display: inline-block;

  line-height: 86px;

}

.index .part1 .item span {

  width: 60px;

  height: 54px;

  display: block;

  margin-top: 10px;

}

.index .part1 .it1 span {

  background-position: 0 -30px;

}

.index .part1 .it2 span {

  background-position: -76px -30px;

  width: 46px;

}

.index .part1 .it3 span {

  background-position: -140px -30px;

  width: 52px;

}

.index .part1 .item .txt {

  width: 180px;

}

.index .part1 .item.hover {

  background: #ff5454;

}

.index .part2 {

  padding-top: 120px;

}

.index .part2 .hd {

  padding: 30px 0;

}

.index .part2 .hd ul {

  margin: 0 auto;

  text-align: center;

}

.index .part2 .hd li {

  margin-right: 30px;

  height: 28px;

  line-height: 28px;

  text-align: center;

  display: inline-block;

+display:inline;

+float: left;

  white-space: nowrap;

  word-break: break-all;

}

.index .part2 .hd li a {

  display: block;

  border: 1px solid #ccc;

  padding: 0 12px;

}

.index .part2 .hd li.on a {

  border: 1px solid #fe0101;

  background: #fe0101;

  color: #fff;

}

.index .part2 .bd {

  overflow: hidden;

}

.index .part2 .bd ul {

  padding-top: 64px;

  width: 108%;

}

.index .part2 .bd li {

  width: 380px;

  height: 430px;

  display: block;

  float: left;

  margin-right: 30px;

  margin-bottom: 30px;

  background: #fff;

  transition: all 0.3s ease-out 0s;

}

.index .part2 .bd li a {

  display: block;

}

.index .part2 .bd li img {

  width: 380px;

  height: 285px;

  display: block;

}

.index .part2 .bd li h3 {

  font-size: 18px;

  text-align: center;

}

.index .part2 .bd li p {

  color: #999;

  padding: 0 46px;

  line-height: 24px;

}

.index .part2 .bd li:hover {

  transform: translate3d(0px, -16px, 0px);

  box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.index .floor_1_main, .index .floor_2_main, .index .floor_3_main, .index .floor_4_main {

  width: 100%;

}

.index .floor_2_main {

  background: #fff;

  overflow: hidden;

}

.index .more {

  width: 150px;

  height: 38px;

  line-height: 38px;

  text-align: center;

  color: #aba8a8;

  display: block;

  margin: 40px auto 0;

  background: #fff;

  text-transform: uppercase;

  transition: all 0.3s ease-out 0s;

  box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.index .more span {

  display: inline-block;

  width: 40px;

  height: 38px;

  line-height: 38px;

  background: url(../images/icon.png) no-repeat 12px -92px #fe0101;

}

.index .more:hover {

  background: #fe0101;

  color: #fff;

  text-indent: 10px;

}

.index .more:hover span {

  color: #fff;

}

.index .floor_2 {

  padding: 60px 0;

  position: relative;

  height: 720px;

}

.index .floor_2 .hdtit {

  padding: 30px 0;

}

.index .floor_2 .hdtit ul {

  margin: 0 auto;

  text-align: center;

+width:280px;

}

.index .floor_2 .hdtit li {

  margin-right: 30px;

  height: 28px;

  line-height: 28px;

  text-align: center;

  display: inline-block;

+display: inline;

+float: left;

}

.index .floor_2 .hdtit li a {

  display: block;

  border: 1px solid #ccc;

  padding: 0 12px;

}

.index .floor_2 .hdtit li a:hover, .index .floor_2 .hdtit li.hover a {

  border: 1px solid #fe0101;

  background: #fe0101;

  color: #fff;

}

.index .floor_2 .vistbox {

  width: 100%;

  position: relative;

  overflow: hidden;

  height: 660px;

}

.index .floor_2 .slideBox {

  position: relative;

  overflow: hidden;

  height: 502px;

}

.index .floor_2 .txtbox {

  padding-top: 25px;

  position: relative;

  z-index: 3;

}

.index .floor_2 .btn {

  width: 160px;

  position: absolute;

  right: 0;

  bottom: 150px;

  z-index: 99;

  background: #fff;

  height: 350px;

}

.index .floor_2 .btn img {

  display: block;

  width: 110px;

  height: 230px;

  margin-left: 50px;

  margin-bottom: 90px;

}

.index .floor_2 .btn span {

  display: inline-block;

  width: 66px;

  height: 30px;

  margin-left: 14px;

  cursor: pointer;

}

.index .floor_2 .btn .sPrev {

  background-position: -204px 0;

}

.index .floor_2 .btn .sNext {

  background-position: -284px 0;

}

.index .floor_2 .btn .cur.sPrev {

  background-position: -204px -40px;

}

.index .floor_2 .btn .cur.sNext {

  background-position: -284px -40px;

}

.transs {

  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}

.slidebanner {

  width: 100%;

  margin: 0 auto;

  height: 500px;

  overflow: hidden;

  position: relative;

}

.slidebanner .game163 {

  position: relative;

  z-index: 0;

  overflow: hidden;

}

.slidebanner .bigImg {

  overflow: hidden;

  position: relative;

  width: 992px;

  height: 500px;

}

.slidebanner .bigImg a {

  display: block;

}

.slidebanner .bigImg li {

  position: relative;

}

.slidebanner .bigImg li .img {

  padding-left: 290px;

  width: 700px;

  height: 100%;

}

.game163 .bigImg li img {

  width: 700px;

  height: 350px;

}

.slidebanner .bigImg .txt {

  position: absolute;

  top: 65px;

  left: 0;

  width: 380px;

  height: 438px;

  background: url(../images/redbg.png) repeat left top;

}

.slidebanner .bigImg .txt a {

  padding: 30px;

  color: #fff;

}

.slidebanner .bigImg .txt h5 {

  font-size: 30px;

  display: block;

}

.slidebanner .bigImg .txt s {

  display: block;

  width: 68px;

  height: 1px;

  background: #fff;

  margin: 34px 0;

}

.slidebanner .bigImg .txt p {

  line-height: 24px;

  padding: 12px 0 0;

  height: 222px;

  overflow: hidden;

}

.slidebanner .bigImg .txt span {

  display: block;

  margin-top: 10px;

}

.slidebanner .smallScroll {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 800px;

  height: 126px;

  background: #fff;

  z-index: 10;

}

.slidebanner .smallImg {

  width: 800px;

  position: relative;

  overflow: hidden;

  height: 126px;

}

.slidebanner .smallImg ul li {

  float: left;

  width: 250px;

  height: 126px;

  display: block;

  margin-right: 23px;

  cursor: pointer;

  position: relative;

}

.slidebanner .smallImg ul li img {

  height: 124px;

  filter: alpha(opacity=80);

  -moz-opacity: 0.8;

  -khtml-opacity: 0.8;

  opacity: 0.8;

  width: 248px;

  border: 1px solid #fff;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

.slidebanner .smallImg ul li.on img {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  border: 1px solid #da0000;

}

.index .floor_3_main {

  background: url(../images/flo3.jpg) no-repeat center top #f5f5f5;

}

.index .floor_3 {

  padding: 80px 0;

  overflow: hidden;

}

.index .part3 {

  width: 1200px;

  height: 368px;

  background: #fb5050;

  position: relative;

}

.index .part3 .img {

  width: 550px;

  height: 374px;

  overflow: hidden;

  position: relative;

  top: -30px;

  margin-left: 25px;

}

.index .part3 .img img {

  width: 100%;

  height: 100%;

  display: block;

  transition: all 0.3s ease-out 0s;

}

.index .part3 .img:hover img {

  transform: scale(1.05, 1.05);

}

.index .part3 .txt {

  padding-right: 90px;

  width: 480px;

  padding-top: 70px;

}

.index .part3 .txt a {

  display: block;

  color: #fff;

}

.index .part3 .txt h3 {

  font-size: 24px;

}

.index .part3 .txt h4 {

  font-size: 16px;

  display: block;

  text-transform: uppercase;

}

.index .part3 .txt p {

  padding-top: 45px;

  color: #fed5d5;

  padding-bottom: 20px;

}

.index .part3 .txt span {

  width: 68px;

  height: 36px;

  border: 1px solid #fed5d5;

  display: block;

  line-height: 36px;

  text-align: center;

}

.index .part3 .txt span em {

  width: 22px;

  margin: 14px auto 0;

  height: 8px;

  background-position: -60px -100px;

  display: block;

  vertical-align: middle;

}

.index .part3 .txt a:hover span {

  border: 1px solid #fff;

}

.index .part3 .txt a:hover span em {

  background-position: -60px -120px;

}

.index .part4 {

  padding: 80px 0 0;

}

.index .part4 .steps {

  overflow: hidden;

}

.index .steps .bd {

  position: relative;

  padding: 60px 0;

}

.index .steps .bd li {

  float: left;

  width: 180px;

  height: 135px;

  margin-right: 24px;

}

.index .steps .bd li a {

  display: block;

  overflow: hidden;

}

.index .steps .bd li img {

  width: 180px;

  height: 135px;

  display: block;

  transition: all 0.3s ease-out 0s;

}

.index .steps .bd li a:hover img {

  transform: scale(1.08, 1.08);

}

.index .steps .hd {

  position: relative;

}

.index .steps .hd ul {

  text-align: center;

}

.index .steps .hd li {

  display: inline-block;

  width: 10px;

  height: 10px;

  margin-right: 14px;

  cursor: pointer;

  background: #999;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  font-size: 0;

}

.index .steps .hd li.on {

  background: #fe0101;

}

.index .floor_4 {

  padding: 60px 0;

}

.index .floor_4 .textlist .list {

  width: 108%;

}

.index .floor_4 .textlist {

  position: relative;

  overflow: hidden;

  padding-top: 40px;

}

.index .textlist li {

  float: left;

  width: 590px;

  height: 160px;

  margin-right: 20px;

  transition: all 0.2s linear 0s;

  margin-bottom: 20px;

  background: #f7f7f7;

}

.index .textlist li a {

  display: block;

  padding: 35px 20px;

}

.index .textlist li .img {

  width: 120px;

  height: 90px;

  overflow: hidden;

  cursor: pointer;

  position: relative;

}

.index .textlist li .img img {

  width: 100%;

  height: 100%;

  transition: all 0.3s ease-out 0s;

}

.index .textlist li a:hover img {

  transform: scale(1.2, 1.2);

}

.index .textlist li .txt {

  width: 390px;

}

.index .textlist li h3 {

  font-size: 18px;

  color: #000;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

.index .textlist li a:hover h3 {

  color: #fe0101;

}

.index .textlist .desc {

  line-height: 24px;

  height: 52px;

  overflow: hidden;

  margin-bottom: 5px;

  color: #999;

  cursor: pointer;

  font-size: 12px;

  padding-top: 10px;

}

.index .textlist span {

  display: block;

  color: #333;

  font-size: 16px;

  font-family: arial;

  font-weight: bold;

}

.nybanner {

  width: 100%;

  height: 200px;

  position: relative;

  overflow: hidden;

  background-position: center top;

  background-repeat: no-repeat;

  background-image: url(../images/nybanner.jpg);

}

.wrapper {

  position: relative;

}

.subleft {

  width: 240px;

  position: relative;

  padding-top: 69px;

}

.subleft .toptitle {

  width: 188px;

  height: 73px;

  background: #c70404;

  color: #fff;

  padding: 40px 26px;

  position: absolute;

  top: -84px;

}

.subleft .toptitle h3 {

  border-bottom: 1px solid #d64e4e;

  color: #f9f9f9;

  font-weight: bold;

  font-size: 26px;

  display: block;

  line-height: 44px;

}

.subleft .toptitle h4 {

  font-size: 16px;

  font-family: arial;

  text-transform: uppercase;

}

.subleft .cont {

  padding: 14px;

  background: #fe0101;

}

.subleft .cont li {

  border-bottom: 1px solid #fd3333;

  line-height: 44px;

}

.subleft .cont li a.sub1 {

  display: block;

  padding-left: 14px;

  color: #fff;

  transition: all 0.3s ease-out 0s;

}

.subleft .cont li a.sub1:hover, .subleft .cont li.hover a.sub1 {

  background: #c70404;

  padding-left: 26px;

}

.subleft .cont li .box {

  padding: 5px 0 0 15px;

  display: none;

}

.subleft .cont li .box a {

  color: #fff;

  font-size: 15px;

  display: block;

  line-height: 30px;

  padding: 0;

  -webkit-transition: all ease 300ms;

  -moz-transition: all ease 300ms;

  -ms-transition: all ease 300ms;

  -o-transition: all ease 300ms;

  transition: all ease 300ms;

  opacity: 0.75;

  filter: alpha(opacity=75);

}

.subleft .cont li .box a.hover, .subleft .cont li .box a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.subleft .cont li:hover .box, .subleft .cont li.hover .box {

  display: block;

}

.leftRecomm {

  padding: 25px 0 0;

}

.leftRecomm .title {

  padding-bottom: 15px;

  border-bottom: 1px solid #f5f5f5;

  color: #fe0101;

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 16px;

}

.leftRecomm .title a {

  color: #fe0101;

}

.leftRecomm .item {

  width: 110px;

  float: left;

  overflow: hidden;

  text-align: center;

  margin-right: 20px;

  padding: 0 5px;

}

.leftRecomm .item a {

  width: 100%;

  display: block;

}

.leftRecomm .item img {

  width: 110px;

  height: 82px;

  -webkit-transition: all ease 300ms;

  -moz-transition: all ease 300ms;

  -ms-transition: all ease 300ms;

  -o-transition: all ease 300ms;

  transition: all ease 300ms;

  border-radius: 3px;

  display: block;

}

.leftRecomm .item h3 {

  width: 100%;

  text-align: center;

  font-size: 12px;

  line-height: 40px;

  -webkit-transition: all ease 300ms;

  -moz-transition: all ease 300ms;

  -ms-transition: all ease 300ms;

  -o-transition: all ease 300ms;

  transition: all ease 300ms;

}

.leftRecomm .item:hover img {

  -webkit-filter: brightness(110%);

  filters: brightness(110%);

}

.leftRecomm .newslist li {

  line-height: 34px;

  height: 34px;

  overflow: hidden;

}

.leftRecomm .newslist li a {

  display: block;

  width: 100%;

  text-align: left;

}

.subright {

  width: 930px;

}

.subright .t {

  padding: 0 0 25px;

  color: #ff0505;

  font-size: 20px;

}

.subright .t2 {

  color: #ff0505;

  font-size: 30px;

  display: block;

  padding: 30px 0;

}

.sitepath {

  line-height: 49px;

  color: #88848b;

  border-bottom: 1px solid #f1f1f1;

  margin-bottom: 28px;

}

.sitepath .home {

  width: 12px;

  height: 12px;

  display: inline-block;

  background-position: -100px -100px;

  margin-right: 20px;

}

.sitepath a {

  color: #88848b;

  display: inline-block;

  white-space: nowrap;

}

.sitepath a:hover {

  color: #ff0505;

}

.productlist {

  position: relative;

}

.productlist .list {

  padding-top: 10px;

  width: 100%;

}

.productlist .item {

  width: 280px;

  height: 350px;

  display: block;

  float: left;

  margin-right: 30px;

  margin-bottom: 30px;

  background: #fff;

  transition: all 0.3s ease-out 0s;

  border-bottom: 1px solid #e5e5e5;

}

.productlist .item a {

  display: block;

}

.productlist .item img {

  width: 290px;

  height: 217px;

  display: block;

}

.productlist .item h3 {

  font-size: 18px;

  padding: 20px 20px 0;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

.productlist .item p {

  color: #999;

  padding: 0 20px;

  line-height: 24px;

}

.productlist .item:hover {

  transform: translate3d(0px, -16px, 0px);

  box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.caselist {

  position: relative;

}

.caselist .list {

  padding-top: 10px;

  width: 100%;

}

.caselist .item {

  width: 290px;

  height: 280px;

  display: block;

  float: left;

  margin-right: 30px;

  margin-bottom: 30px;

  background: #fff;

  transition: all 0.3s ease-out 0s;

  border-bottom: 1px solid #e5e5e5;

}

.caselist .item a {

  display: block;

}

.caselist .item img {

  width: 290px;

  height: 145px;

  display: block;

}

.caselist .item h3 {

  font-size: 18px;

  padding: 16px;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

.caselist .item p {

  color: #999;

  padding: 0 16px;

  line-height: 24px;

}

.caselist .item:hover {

  transform: translate3d(0px, -16px, 0px);

  box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.honorlist {

  position: relative;

}

.honorlist .list {

  padding-top: 10px;

  width: 100%;

}

.honorlist .item {

  width: 290px;

  height: 265px;

  display: block;

  float: left;

  margin-right: 30px;

  margin-bottom: 30px;

  background: #fff;

  transition: all 0.3s ease-out 0s;

  border-bottom: 1px solid #e5e5e5;

}

.honorlist .item a {

  display: block;

}

.honorlist .item img {

  width: 290px;

  height: 217px;

  display: block;

}

.honorlist .item h3 {

  font-size: 16px;

  padding: 10px;

  text-align: center;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

.honorlist .item:hover {

  transform: translate3d(0px, -16px, 0px);

  box-shadow: 0 3px 10px rgb(222, 222, 222);

}

.newslist {

  padding: 0;

}

.newslist .item {

  width: 100%;

  display: block;

  margin-bottom: 28px;

  background: #f7f7f7;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

.newslist .item a {

  display: block;

  padding: 20px;

}

.newslist .item .img {

  width: 150px;

  height: 112px;

  overflow: hidden;

}

.newslist .item .img img {

  width: 100%;

  height: 100%;

  display: block;

  transition: all 0.3s ease-out 0s;

}

.newslist .item a:hover .img img {

  transform: scale(1.1, 1.1);

}

.newslist .item .txt {

  width: 715px;

}

.newslist .item .txt h3 {

  color: #000;

  font-size: 18px;

  display: block;

  padding-bottom: 10px;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

.newslist .item .txt p {

  font-size: 14px;

  color: #999;

  line-height: 24px;

}

.newslist .item a:hover .txt h3 {

  color: #fe0101;

}

.newslist .item:hover {

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

}

.singlepage {

  position: relative;

  overflow: hidden;

  color: #666;

}

.singlepage .cont img {

  max-width: 100%;

  display: block;

  margin: 0 auto;

}

.singlepage .cont .desc {

  padding-top: 40px;

}

.formData {

  padding-bottom: 20px;

}

.formData .item {

  float: left;

  color: #999;

  font-weight: normal;

  width: 425px;

  height: 56px;

  line-height: 56px;

  border: 1px solid #e5e5e5;

  margin-right: 76px;

  margin-bottom: 45px;

  position: relative;

}

.formData .item label {

  padding-left: 15px;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 11;

  text-align: center;

  display: block;

  margin: 0;

  height: 56px;

  line-height: 56px;

  font-size: 18px;

  color: #cccccc;

}

.formData .item input {

  outline: none;

  line-height: 38px;

  height: 38px;

  font-size: 18px;

}

.formData .item .txt {

  width: 355px;

  height: 56px;

  line-height: 56px;

  display: block;

  background: none;

  padding-left: 70px;

  border: 0 none;

  color: #999;

}

.formData .item .red {

  position: absolute;

  right: 15px;

  top: 0;

  color: #ff0000;

  z-index: 11;

}

.formData .item.mr0 {

  margin-right: 0;

}

.formData .msg-box {

  position: absolute;

  left: 0;

  top: 0px;

}

.formData .liuyan {

  width: 928px;

  height: 260px;

  border: 1px solid #e5e5e5;

  float: left;

}

.formData .liuyan label {

  text-align: right;

  display: block;

}

.formData .liuyan textarea {

  width: 908px;

  height: 234px;

  line-height: 35px;

  padding: 12px 10px;

  text-indent: 100px;

  font-size: 18px;

  font-family: "microsoft yahei";

  color: #333;

  border: 0 none;

  overflow: hidden;

  background: none;

  resize: none;

  display: block;

  outline: none;

}

.formData .bot {

  width: 100%;

}

.formData .sub {

  width: 232px;

  line-height: 58px;

  margin-right: 2px;

  text-align: center;

  background: #fe0101;

  color: #FFF;

  cursor: pointer;

  font-size: 18px;

  display: block;

  -webkit-transition: all ease 300ms;

  -moz-transition: all ease 300ms;

  -ms-transition: all ease 300ms;

  -o-transition: all ease 300ms;

  transition: all ease 300ms;

}

.formData .sub:hover {

  background: #e12325;

  transform: translate3d(0px, -6px, 0px);

}

.formData .yzm {

  width: 432px;

}

.formData .yzm .txt {

  padding-left: 80px;

}

.formData .yzm img {

  position: absolute;

  right: 0;

  top: 0;

  height: 56px;

  border: 0px;

  display: block;

}

.arecttitle {

  border-bottom: 1px dotted #ddd;

  text-align: center;

}

.arecttitle h1 {

  font-size: 28px;

  line-height: 30px;

  color: #000;

  margin-bottom: 5px;

}

.arecttitle .mark {

  width: 100%;

  padding: 5px 0 10px;

}

.arecttitle .mark span {

  display: inline-block;

  padding-left: 5px;

  font-size: 12px;

  color: #666;

}

.arecttitle .mark span:first-child {

  padding-left: 0;

}

.showContxt {

  padding: 20px 0;

}

.showContxt img {

  max-width: 100% !important;

  display: block;

  margin: 0 auto;

}

/* reLink*/

.reLink {

  width: 100%;

  margin: 20px 0 10px;

  line-height: 60px;

  border-top: 1px solid #dddddd;

  border-bottom: 1px solid #dddddd;

}

.reLink .nextLink, .reLink .prevLink {

  width: 50%;

  line-height: 60px;

  color: #333333;

}

.reLink .nextLink {

  text-align: right;

}

.reLink a {

  font-size: 16px;

}

.reLink a:hover {

  color: #fe0101;

}

/*底部信息*/

.bottom_main {

  width: 100%;

  padding-bottom: 20px;

  background-color: #f5f5f5;

}

.bottom_main .links {

  padding: 20px 0;

  font-size: 16px;

  border-bottom: 1px solid #d2d2d2;

}

.bottom_main .links span {

  color: #fe0101;

  font-weight: bold;

  display: inline-block;

}

.bottom_main .links a {

  display: inline-block;

  font-size: 14px;

  color: #999;

  padding-right: 10px;

}

.bottom_main .links a:hover {

  color: #fe0101;

}

.bottom_main .bottom_nav {

  width: 760px;

  display: inline-block;

  margin-top: 32px;

}

.bottom_main .bottom_nav ul {

  width: 190px;

  text-align: left;

  float: left;

}

.bottom_main .bottom_nav ul li h3 {

  padding-bottom: 8px;

}

.bottom_main .bottom_nav ul li h3 a {

  display: block;

  font-size: 16px;

  color: #fe0101;

  padding-bottom: 8px;

}

.bottom_main .bottom_nav ul li h3 i {

  display: block;

  width: 30px;

  height: 1px;

  background-color: #cccccc;

}

.bottom_main .bottom_nav ul li a {

  display: block;

  font-size: 12px;

  color: #999;

}

.bottom_main .bottom_nav ul li a:hover {

  color: #fe0101;

}

.bottom_main .bottom_tit {

  padding-top: 40px;

  text-align: right;

}

.bottom_main .bottom_tit .r1 {

  float: left;

  width: 100px;

}

.bottom_main .bottom_tit .r2 {

  float: left;

  padding-left: 60px;

  text-align: left;

}

.bottom_main .bottom_tit .r1 p {

  width: 100px;

  text-align: center;

  float: left;

}

.bottom_main .bottom_tit .r1 p img {

  width: 100px;

  height: 100px;

  border: #d2d2d2 solid 1px;

}

.bottom_main .bottom_tit .r1 p span {

  font-size: 12px;

  color: #999;

  display: block;

  padding-top: 10px;

  line-height: 20px;

}

.bottom_main .bottom_tit .r2 li {

  display: block;

  clear: left;

  height: 65px;

}

.bottom_main .bottom_tit .r2 li img {

  width: 50px;

  height: 50px;

  float: left;

}

.bottom_main .bottom_tit .r2 li p {

  float: left;

  font-size: 12px;

  line-height: 22px;

  color: #999;

  padding-left: 12px;

  text-align: left;

  padding-top: 0px;

}

.bottom_main .bottom_tit .r2 li p span {

  margin-top: 2px;

  font-size: 26px;

  font-family: "Arial";

  color: #333;

  display: block;

  font-weight: bold;

}

.bottom_copy {

  height: 48px;

  background-color: #f5f5f5;

  border-top: 1px solid #d2d2d2;

  line-height: 48px;

  font-size: 12px;

  color: #999;

}

.bottom_copy span {

  padding-left: 10px;

}

.bottom_copy a {

  display: inline-block;

  font-size: 12px;

  color: #999;

}

.bottom_copy a:hover {

  color: #fe0101;

}

/* mapPage */

.map_ul {

  list-style: outside none none;

  display: block;

  width: 100%;

}

.map_ul li {

  display: block;

  width: 100%;

  padding: 0;

  margin-bottom: 15px;

+margin-bottom:10px;

}

.map_ul li a {

  width: 100%;

  height: 35px;

  line-height: 35px;

  font-weight: bold;

  display: block;

  background: #e7e7e7;

  text-indent: 15px;

}

.map_ul .list-inline {

  display: block;

  width: 86%;

}

.map_ul .list-inline li {

  height: 32px;

  display: inline-block;

*display: inline;

  margin: 0 5px 15px 0;

  zoom: 1;

  line-height: 32px;

  border-bottom: 0;

  text-align: center;

  width: auto;

  padding: 0px;

+margin:15px 5px 15px 0;

}

.map_ul .list-inline li a {

  font-weight: normal;

  display: block;

  text-indent: 0;

  line-height: 32px;

  height: 32px;

  display: inline-block;

  width: auto;

  padding: 0px 10px;

  width: auto;

  border: 1px solid #ccc;

}

.map_ul .list-inline li a:hover {

  background: #ff0505;

  color: #fff;

  border: 1px solid #ff0505;

}

.zhizao .goback {

  width: 60px;

  height: 60px;

  display: block;

  position: absolute;

  right: 2%;

  top: 2%;

  background: url(../images/guan.jpg) no-repeat center;

}

#footer_main .yyzz {

  padding-left: 10px;

}

/*#gotop{position:fixed;bottom:5%;right:2%;width: 50px;height: 50px;background: url(../images/gotop.png) no-repeat;z-index: 99;display: block;}

*/

.float-right-box {

  width: 250px;

  position: fixed;

  right: 0;

  top: 50%;

  margin-top: -127px;

  background-color: #191919;

  z-index: 1000;

  transition: width 0.3s ease 0s;

}

.float-right-box.on {

  width: 50px;

}

.float-right-box .top-list {

  width: 100%;

}

.float-right-box .top-list ul {

  width: 100%;

}

.float-right-box .top-list li {

  width: 100%;

  position: relative;

  border-bottom: 1px solid #3b3b3b;

  transition: background 0.3s ease 0s;

  height: 50px;

}

.float-right-box .top-list a {

  display: block;

  width: 100%;

}

.float-right-box .top-list .ico {

  display: inline-block;

  width: 50px;

  height: 50px;

  position: absolute;

  right: 0;

  top: 0;

  transition: background 0.3s ease 0s;

  z-index: 2;

}

.float-right-box .top-list .ico1 {

  background: url(../images/ico_58.html) no-repeat center #191919;

}

.float-right-box .top-list .ico2 {

  background: url(../images/ico_59.png) no-repeat center #191919;

}

.float-right-box .top-list .ico3 {

  background: url(../images/ico_60.png) no-repeat center #191919;

}

.float-right-box .top-list .ico4 {

  background: url(../images/ico_61.html) no-repeat center #191919;

}

.float-right-box .top-list .ico5 {

  background: url(../images/ico_62.png) no-repeat center #191919;

}

.float-right-box .top-list .ico6 {

  background: url(../images/ico_68.png) no-repeat center #191919;

}

.float-right-box .top-list .ico7 {

  background: url(../images/ico_69.png) no-repeat center #191919;

}

.float-right-box .top-list .stt {

  display: inline-block;

  font-size: 14px;

  line-height: 50px;

  color: #fff;

  transition: color 0.3s ease 0s;

  position: absolute;

  left: 28px;

  top: 0;

  z-index: 1;

  width: 222px;

  cursor: pointer;

}

.float-right-box .top-list li:hover .stt {

  color: #15191e;

}

.float-right-box .top-list li:hover .ico1 {

  background: url(../images/ico_58_h.html) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico2 {

  background: url(../images/ico_59_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico3 {

  background: url(../images/ico_60_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico4 {

  background: url(../images/ico_61_h.html) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico5 {

  background: url(../images/ico_62_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico6 {

  background: url(../images/ico_68_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico7 {

  background: url(../images/ico_69_h.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover {

  background-color: #fff;

}

.float-right-box .top-list .return-webtop .stt {

  font-family: "Arial";

  font-weight: bold;

}

.float-right-box .bot-share {

  position: relative;

  height: 50px;

}

.float-right-box .bot-share a {

  display: inline-block;

  width: 50px;

  height: 50px;

  float: left;

  transition: background 0.3s ease 0s;

  margin: 0;

  padding: 0;

}

.float-right-box .bot-share .share {

  width: 200px;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

}

.float-right-box .bot-share .sina {

  background: url(../images/ico_63.png) no-repeat center;

}

.float-right-box .bot-share .wx {

  background: url(../images/ico_64.png) no-repeat center;

}

.float-right-box .bot-share .more {

  background: url(../images/ico_66.png) no-repeat center;

}

.float-right-box .bot-share a:hover {

  background-color: #525354;

}

.float-right-box .bot-share .share-ico {

  background: url(../images/ico_67.png) no-repeat center #191919;

  width: 50px;

  height: 50px;

  display: inline-block;

  cursor: pointer;

  z-index: 2;

  position: relative;

}

.float-right-box .top-list li .weix {

  position: relative;

}

.float-right-box .sidebox {

  position: absolute;

  right: 250px;

  top: 0;

  transition: all 0.1s ease 0s;

  width: 120px;

  z-index: 10;

  display: none;

  background: #191919;

}

.float-right-box .sidebox img {

  width: 110px;

  height: 110px;

  display: block;

  margin: 5px auto;

}

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both

}

@font-face {

  font-family: ADELE;

  src: url("../font/ADELE.html");

  src: url("../fonts/adele.html") format("eot"), url("../fonts/adele-2.html") format("truetype");

}

@-webkit-keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

transform:perspective(400px) rotate3d(0, 1, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

}

@keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

transform:perspective(400px) rotate3d(0, 1, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

-ms-transform:perspective(400px);

transform:perspective(400px)

}

}

.flipInY {

  -webkit-backface-visibility: visible!important;

  -ms-backface-visibility: visible!important;

  backface-visibility: visible!important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY

}

/*↓组图样式↓*/

.HS10, .HS15 {

  overflow: hidden;

  clear: both;

}

.HS10 {

  height: 10px;

}

.HS15 {

  height: 15px;

}

.Hidden {

  display: none;

}

.Clearer {

  display: block;

  clear: both;

  font-size: 1px;

  line-height: 1px;

  margin: 0;

  padding: 0;

}

.FlLeft {

  float: left;

}

.FlRight {

  float: right;

}

/*幻灯片区域背景*/

.MainBg {

  width: 920px;

  margin: 0 auto;

}

/*大图展示区域*/

.OriginalPicBorder {

  padding: 0;

}

#OriginalPic {

  width: 920px;

  overflow: hidden;

  position: relative;

  font-size: 12px;

}

#OriginalPic img {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}

/*鼠标手势*/

.CursorL {

  position: absolute;

  z-index: 999;

  width: 50%;

  height: 600px;

  color: #FFF;

  left: 0;

  cursor: url(../images/CurL.html), auto;

  background: url(../images/space.html) repeat scroll 0 0 transparent;

}

.CursorR {

  position: absolute;

  z-index: 999;

  width: 50%;

  height: 600px;

  color: #FFF;

  right: 0;

  cursor: url(../images/CurR.html), auto;

  background: url(../images/space.html) repeat scroll 0 0 transparent;

}

/*小图预览和滑动*/

.SliderPicBorder {

  width: 100%;

  overflow: hidden;

}

.ThumbPicBorder {

  width: 920px;

  margin: 0 auto;

  background: #eeeeee;

  overflow: hidden;

  position: relative;

}

.ThumbPicBorder #btnPrev {

  width: 45px;

  height: 113px;

  cursor: pointer;

  position: absolute;

  left: 20px;

  top: 20px;

}

.ThumbPicBorder #btnNext {

  width: 45px;

  height: 113px;

  cursor: pointer;

  position: absolute;

  right: 20px;

  top: 20px;

}

.ThumbPicBorder .pic {

  width: 755px;

  overflow: hidden;

  position: relative;

  margin: 20px auto;

}

#ThumbPic img {

  border: 3px solid #ddd;

  cursor: pointer;

  background-color: #ddd;

  margin: 0 5px;

  width: 135px;

  height: 108px;

  display: block;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}

#ThumbPic img.active {

  border: 3px solid #fe0101;

}

/*↑组图样式↑*/